<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表标签</title>
</head>
<body>
    <h3>无序列表</h3><!--没有序号-->
    <!--
       type属性设置样式:
        disc 默认值,实心圆
        circle 空心圆
        square 实心方块
    -->
    <ul type="square"><!--unordered无序 list列表 item项目 -->
        <li>刘备</li>
        <li>关羽</li>
        <li>张飞</li>
        <li>孙尚香</li>
    </ul>
    <h3>有序列表</h3><!--有序号-->
    <!--
        type属性设置样式:
            1 表示数字编号(默认值)
            a 表示小写英文字母
            A 表示大写英文字母
            i 表示小写罗马数字
            I 表示大写罗马数字
    -->
    <ol type="i"><!--ordered list-->
        <li>java基础</li>
        <li>javaAPI</li>
        <li>Web前端</li>
    </ol>
    <h3>嵌套列表</h3>
    <ul>
        <li>凉菜
            <ol>
                <li>雪上飘雪</li>
                <li>一清二白</li>
            </ol>
        </li>
        <li>热菜
            <ol>
                <li>西红柿炒鸡蛋</li>
                <li>烤冷面</li>
            </ol>
        </li>
    </ul>
</body>
</html>